import axios from 'axios'
import router from '@/router'
import { ElMessage } from 'element-plus'

//创建axios实例对象
const request = axios.create({
  baseURL: '/api',
  timeout: 600000
})

//axios的响应 response 拦截器
request.interceptors.response.use(
  (response) =>{ //成功回调
    return response.data
  },
  (error) =>{ //失败回调
    if(error.response.status === 401){ //token过期
      ElMessage.error('登录超时，请重新登录')
      localStorage.removeItem('userToken')
      router.push('/login') //跳转到登录页
    }
    return Promise.reject(error)
  }
)

//axios的请求 request 拦截器
request.interceptors.request.use(
  (config) =>{ //成功回调
    const userToken = JSON.parse(localStorage.getItem('userToken'))
    if(userToken){
      config.headers.token = userToken
    }
    return config
  },
  (error) =>{ //失败回调
    return Promise.reject(error)
  }
)

export default request